iT邦幫忙

2023 iThome 鐵人賽

DAY 1
1

DAY 1 - 開賽啦 ! 強化 Vue.js 30天之旅


我的背景 - 剛成功轉職的前端小菜鳥

<背景介紹>有點長可以當廢話跳過,只是希望分享鼓勵要轉職的人 !

過去的我

嗨!我是阿蘇,有讀過廣告設計、以前工作也大多是做網路、行銷企劃相關,從來沒想過自己會成為工程師,因為平常是個熱愛電玩的忠實玩家,下班喜歡宅在家玩遊戲(笑,所以對3C相關都很有興趣,平常就喜歡亂搞電腦、弄些有的沒有(破壞電腦,所以很喜歡 3c、電腦相關。

過去的我對工作有熱血期待,但是慢慢被社會磨平了熱血,所以在遇到好老闆後一待就做了5、6年之久,但是一直在思考這是我要的生活嗎 ? 以後會不會有前途 ? 當時給自己的目標希望自己在30歲前要確定行業,要好好規劃人生,因緣際會下轉了前端...

去年的我

很幸運的我在去年身邊的家人剛好從測試工程師轉成後端工程師,我才開始真的有機會去了解軟體工程師在幹嘛,我當時覺得這真是個酷東西,簡直是理想工作 !! 然後公司發生了一點事情,開始讓我意識到我不想被社會選擇、淘汰,我想要自己選擇自己人生,本來的工作太安逸,讓我被磨平、漸漸地不再對生活抱持著期待。

所以我在去年開始踏入前端之旅,生活開始發生了很大的變化,開始學習騰出時間做自己有興趣、喜歡事情,列出一個個想完成的目標和人生規劃,開始健身維持身材(68kg減到60kg)、有效率的安排規劃時間 (ticktick)、開始計劃學習路線(104 > 上課),開始了邊工作邊下班學習,在這過程中慢慢也做出了屬於自己的 SideProject。

今年的我

在學習途中我開發了自己的 SideProject ,其中一個是用Vue.js框架開發,然後在今年七月開始面試、找工作,然後近期轉職成為前端工程師,但是在面試、與人交流、參加講座發現自己不足,還需要學習很多...,所以就一直學習進修吧 !


為什麼要參賽 ?


一、去年有機會參加鐵人賽,在鐵人賽過程中邊寫也可以邊充實自己,今年想挑戰自己寫不熟悉領域(鞭)

很糾結的參賽 (不熟悉的領域)

因為面試、交流過程其實會發現自己原生JS很弱且框架原理亦不太熟悉
所以想透過這30天分享 參賽背景(只會 Vue.js 基礎) + 30天深入學習Vue.js 來挑戰自己

二、參加 vue X laravel 、2023 WebConf Taiwan 啟發
參加這兩個講座,讓我對框架跟前端觀點有不一樣的思維及看法,讓我覺得工具不能只是會使用他,而是更需要深入了解他原理跟多元的接觸相關,使用上才會更流暢,技術可以再更精進。

大神視角特別不一樣,突然覺得自己充滿著菜味

三、第一個 Vue.js 專題寫太淺,且寫法單調死板沒技術含量

第一個 Vue.js 專題

拼圖趣 Puzzle
當時的我因為工作忙碌邊開發,其實開發進度一直都不如預期,再加上當時js基礎底子不夠穩,Vue也是學得很基礎,自己覺得很不滿意,所以會想去重構或是重新開發專題


30天 學習目標

1. Vue.js Compisiton API
可能會分享一點 OptionAPI 差異,文章主要以 Compisiton API 撰寫,順便熟悉寫法

2. Vite + Nuxt3 + Vue3
香到不行組合,最近參加講座及團隊開發都在嘗試使用 Nuxt + Vue3,邊學習邊整理文章

3. 啃官網,好好了解 Vue 概念及運作
( 基礎觀念薄弱,面試官一問就倒,我不想面對...)

4. 元件切分、狀態管理
元件溝通、管理方式,更好的切分,讓自己程式碼品質更好、更好維護

5. 更好的優化、管理專案

很高興有這機會跟大家一起分享及學習,也歡迎相同背景的一起討論深入學習
讓我們一起強化 Vue.js , 成為更專業的前端工程師


下一篇
DAY 2 - 飛越時代前端大進化 ,三大框架差異 ?
系列文
深入 Vue.js 世界 : 30 Days 核心概念與實作30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0
arguskao
iT邦新手 4 級 ‧ 2023-09-16 13:09:54

參賽背景(只會Vue基礎) + 30天深入學習Vue.js
請問Vue基礎和Vue.js不一樣嗎?

阿蘇蘇 iT邦新手 4 級 ‧ 2023-09-16 13:56:44 檢舉

兩個是一樣的, 我寫得不清楚我再修正下,本來只會很基礎的 Vue.js ,寫得出來但是觀念跟背後原理不是很清楚,會寫更精通我覺得是不一樣的,所以常常寫得很茫或是卡關,後來經過面試洗禮,才想去更深入學習 Vue.js 運用及 Vue3寫法加強自己實作及觀念,才有了這篇的誕生 XD

arguskao iT邦新手 4 級 ‧ 2023-09-16 14:23:35 檢舉

我完全沒有學過vue.js ,是不是也可以跟著學
還是要先去自己補課一下?

阿蘇蘇 iT邦新手 4 級 ‧ 2023-09-16 14:53:59 檢舉

我覺得可以稍微看但是不會從頭一步一步教起,這篇比較像是已經有點基礎再去加強,所以基礎有些不太會講太深,初學會把太複雜

不過如果確定要學 Vue 還是可以看,之後還是有機會遇到裡面的東西,或是可以邊看,中間有遇到問題可以一起討論,我是建議直接學 Vue3 composition api ,如果你有程式基礎他結構上比較像,OptionApi 要更清楚他位置跟熟悉一下。

0
arguskao
iT邦新手 4 級 ‧ 2023-09-16 13:11:32

你的專題做得很棒呀,只不過是不是結帳沒做完?

阿蘇蘇 iT邦新手 4 級 ‧ 2023-09-16 14:02:48 檢舉

謝謝你 ! 其實這專題還有很多地方沒開發完成
那時候在找工作就先上了,想說有時間可以慢慢補完,加上自己覺得自己寫得沒很好,想再把它重新調整補強寫完整(可能要有時間QQ,時間不夠啊 !!)

結帳部分我只有做到可以送出訂單(串api),後台會對應顯示訂單,有興趣也可以去後台玩玩,程式碼就小菜菜寫得參考就好,會的程度應該就差不多那樣,提供 Repo 給大家參考

arguskao iT邦新手 4 級 ‧ 2023-09-16 14:24:21 檢舉

你這個已經讓我很羨慕了,我只會後端,最近想學前端,就靠你這個系列了!

阿蘇蘇 iT邦新手 4 級 ‧ 2023-09-16 14:57:18 檢舉

如果有想學前端遇到問題,也可以私訊我 DC 一起交流 ,一起學前端 !!

我要留言

立即登入留言